<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Always force latest IE rendering engine or request Chrome Frame -->
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
<!-- Use title if it's in the page YAML frontmatter -->
<title>Datamyze</title>
<?php 
    echo $this->Html->css(array('application', 'https://fonts.googleapis.com/css?family=Open+Sans:400,600,800'));
    echo $this->Html->script(array('application.js'));
  ?>
<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0">
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!-- there's an IE separated stylesheet with the following resets for IE -->
<!--[if lte IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <script src="../../javascripts/html5shiv.js" type="text/javascript"></script>
        <script src="../../javascripts/excanvas.js" type="text/javascript"></script>
        <script src="../../javascripts/ie_fix.js" type="text/javascript"></script>
        <link href="../../stylesheets/ie_fix.css" media="screen" rel="stylesheet" type="text/css" />
  <![endif]-->
</head>

<body>
<nav id="primary" class="main-nav collapsible-nav"> 
  <!-- Brand --> 
  <a id="sidebar-brand" href="<?php echo $this->Html->url('/pages/dashboard'); ?>"> Datamyze </a>
  <button type="button" class="btn btn-navbar btn-inverse" data-toggle="collapse" data-target=".nav-collapse"> <i class="icon-reorder"></i> </button>
  <ul class="nav-collapse collapse">
    
    <!-- Profile -->
    <li class="profile"> <a href="#profile-opts" class="accordion-toggle" data-toggle="collapse"> <img class="avatar user2"> <span class="text" id="profile-text"><?php echo ($user['first_name']) ? $user['first_name']:'User';?><b class="icon-caret-down"></b> </span> </a>
      <ul id="profile-opts" class="collapse secondary">
        <li class=""> <a href="#"> View All </a> </li>
        <li class=""> <a href="#"> + Brand 1 </a> </li>
        <li class=""> <a href="#"> + Brand 2 </a> </li>
        <li class=""> <a href="#"> + Brand 3 </a> </li>
        <li class=""> <a href="#"> + Brand 4 </a> </li>
       <!---- <li class=""><?php echo $this->Html->link('Logout', '/logout'); ?></li> ---->
      </ul>
    </li>
    
    <!-- Date Select -->
    <li class="">
      <center>
        <span class="text"> Select Date Range</span>
      </center>
      <center>
        <div class="input-append date datepicker" data-date="12-02-2014" data-date-format="dd-mm-yyyy">
          <input type="text" value="12-02-2014">
          <button class="btn grey inverse date-button" type="button"><i class="icon-calendar"></i></button>
        </div>
      </center>
      <hr class="main">
      <!-- Dashboard -->
    <li class="<?php echo (!empty($this->params['pass']) && $this->params['pass'][0] == 'dashboard') ? 'active':'';?>"> <a href="<?php echo $this->Html->url('/pages/dashboard'); ?>"> <span class="icon"> <i class="icon-dashboard"></i> </span> <span class="text"> Dashboard </span> </a> </li>
    <hr class="main">
    <!-- Components -->
    <li class="<?php echo (!empty($this->params['pass']) && $this->params['pass'][0] == 'reports') ? 'active':'';?>"> <a href="<?php echo $this->Html->url('/pages/engagement'); ?>"> <span class="icon"> <i class="icon-random"></i> </span> <span class="text"> Engagement </span> </a>
      <hr class="main">
      
      <!-- Sample pages -->
    <li class="<?php echo (!empty($this->params['pass']) && $this->params['pass'][0] == 'effectiveness') ? 'active':'';?>"> <a href="<?php echo $this->Html->url('/pages/effectiveness'); ?>"> <span class="icon"> <i class="icon-bar-chart"></i> </span> <span class="text"> Sales </b> </span> </a>
      <ul id="sample-pages" class="collapse secondary">
 
      </ul>
    </li>
    <hr class="main">
    <!-- Extras dropdown -->
    <li class=""> <a href="#extras" class="accordion-toggle" data-toggle="collapse"> <span class="icon"> <i class="icon-group"></i> </span> <span class="text"> Audience </span> </a>
      <ul id="extras" class="collapse secondary">
        <li class=""> <a href="#"> Details </a> </li>
        <li class=""> <a href="<?php echo $this->Html->url('/channels'); ?>"> Hub </a> </li>
      </ul>
    </li>
  </ul>
  <hr class="main">
</nav>
<div class="top-bar"> <a id="topbar-brand" class="brand" href="<?php echo $this->Html->url('/pages/dashboard'); ?>"> Datamyze </a>
  <ul class="top-notifications">
    
<li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">
       <i class="icon-cog icon-large"></i>  <i class="icon-caret-down"></i>
      </a>
      <ul id="messages" class="dropdown-menu top-bar-list">
        <li><a href="#">Notifications</a></li>

        <li><a href="#">Password<span class="count"></span></a></li>

        <li><a href="#">Language</a></li>
<hr class="main">

        <li><a href="#">Logout<span class="count"></span></a></li>

      </ul>

    </li>

<ul class="top-notifications">
    <li class="dropdown">
      <a class="dropdown-toggle" data-toggle="dropdown" href="#">
        <i class="icon-envelope icon-large"></i>  <span class="badge dark-blue">2</span>
      </a>
      <ul id="messages" class="dropdown-menu top-bar-list">
      
        <li><a>Engagement <span class="count">(4)</span></a></li>
  <li><a>Sales </a></li>      
        </ul>

    </li>

</ul>

</div>
<!-- CONTENT -->
<?php echo $this->Session->flash(); ?>
<?php echo $this->fetch('content'); ?> 

<!-- Modal dialog used for the image gallery -->
<div id="modal-gallery" class="modal modal-gallery hide fade" tabindex="-1">
  <div class="modal-header"> <a class="close" data-dismiss="modal">&times;</a>
    <h3 class="modal-title"></h3>
  </div>
  <div class="modal-body">
    <div class="modal-image"></div>
  </div>
  <div class="modal-footer"> <a class="btn modal-download light-blue inverse" target="_blank"><i class="icon-download"></i> Download</a> <a class="btn modal-play modal-slideshow" data-slideshow="5000"><i class="icon-play icon-white"></i> Slideshow</a> <a class="btn modal-prev medium-blue"><i class="icon-arrow-left icon-white"></i> Previous</a> <a class="btn modal-next medium-blue">Next <i class="icon-arrow-right icon-white"></i></a> </div>
</div>
<center>
  <span="text">Copyrights 2013 Datamyze. All rights reserved.</span><br><br>
</center>
</body>
</html>